<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--引入通用样式-->
		<link rel="stylesheet" type="text/css" href="../css/index-commo-pro-GM.css"/>
		<!--获取css文件-->
		<link rel="stylesheet" type="text/css" href="../css/commodity-list.css"/>
		<!--获取jq插件-->
		<script src="../js/jquery-1.11.0.js"></script>
		<!--引入cookie-->
		<script src="../js/jquery.cookie.js"></script>
	</head>
	<body>
		<!--————————————————————————————自适应头部--------------------------------------->
		<div id="box1">
		<!--侧边导航-->
			<div id="cnav">
				<!--侧边导航-->
				<div class="c-nav">
					<!--装载信息载体-->
					<div class="nav-box">
						<!--隐藏按钮-->
						<div class="yin-c">
							<div class="t-i">
								<img src="../img/index-img/fonnt-img/show_bar_1.png" />
							</div>
							<!--左侧图片-->
							<div class="s-logo">
								<img src="../img/index-img/fonnt-img/logo.png" />
							</div>
						</div>
						<!--导航内的各项-->
						<ul>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/my_lining_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									我的<br/>李宁
								</div>
								<div class="yin">
									<!--个人-->
									<h5>个人信息</h5>
									<div class="dl">
										<img src="../img/index-img/fonnt-img/login.png" />
									</div>
									<!--注册-->
									<div class="zc">
										<img src="../img/index-img/fonnt-img/register.png" />
									</div>
								</div>
							</li>
							<li class="cat-g">
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/cart_icon_1.png" />
									<span id="sps">0</span>
								</div>
								<!--下部是字-->
								<div class="bt-z">
									购物车
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/account_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									我的<br/>资产
								</div>
								<div class="yin">
									<!--个人-->
									<h5>个人信息</h5>
									<div class="dl">
										<img src="../img/index-img/fonnt-img/login.png" />
									</div>
									<!--注册-->
									<div class="zc">
										<img src="../img/index-img/fonnt-img/register.png" />
									</div>
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/collect_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									我的<br/>收藏
								</div>
								<div class="yin yin-s">
									<!--个人-->
									<h5>个人信息</h5>
									<div class="dl">
										<img src="../img/index-img/fonnt-img/login.png" />
									</div>
									<!--注册-->
									<div class="zc">
										<img src="../img/index-img/fonnt-img/register.png" />
									</div>
								</div>
							</li>
							<li class="zj">
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/view_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									最近<br/>浏览
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
	
									<img src="../img/index-img/fonnt-img/service_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									客服
								</div>
								<!--隐藏客服div-->
								<div class="yin yin-k">
									<div>
										<img src="../img/index-img/fonnt-img/service.png" />
									</div>
								    <div>
								    	<p class="t-p">售前咨询</p>
										<p>售后咨询</p>
								   	</div>
									
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/scan_ground.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									扫描<br/>二维码
								</div>
								<!--隐藏的二维码-->
								<div class="yin wm">
									<img src="../img/index-img/fonnt-img/scan.png" />
								</div>
							</li>
						</ul>
						<!--回到顶部-->
						<div class="fh">
							<div class="ding">
								<img src="../img/index-img/fonnt-img/top_1.png" />
							</div>
							<span>回到顶部</span>
						</div>
					</div>
				</div>
				<!--弹出-->
				<div class="xuan">
					<!--购物车-->
					<div class="cart-box" >
							<!--×号-->
							<div class="cha">
								<span></span>
							</div>
							<!--标题-->
							<h4>购物车</h4>
							<!--全选按钮-->
							<div class="quanxuan">
								<input type="checkbox" id="ck"/>
								<span>全选</span>
								<i></i>
							</div>
							<!--正文-->
							<div class="zhewen">
						
							</div>
							<!--已有商品-->
							<div class="yiyou">
								<div class="you-n">
									<span>已选择<b>0</b>件商品</span>
									<i>￥0.00</i>
								</div>
								
							</div>
							<!--结算-->
							<div class="jiesuan">
								<p></p>
							</div>
					</div>
					<!--最近浏览-->
					<div class="liulan-box">
							 <!--×号-->
							<div class="cha">
								<span></span>
							</div>
							<!--标题-->
							<h4>购物车</h4>
							<div class="zu">
								<p>您已经很久没来看过我了哦！</p>
							</div>
					</div>
				</div>
			</div>
			<!--隐藏后的侧边导航-->
			<div class="x-cnav">
				<div class="anniu">
					<img src="../img/index-img/fonnt-img/hide_bar_3.png" />
				</div>
			</div>
			<!--头部-->
			<div class=" head">
				<!--李宁图标-->
				<div class="lg">

				</div>
				<!--登录-->
				<ul class="register oul">
					<li class="l1"><a href="#">登录</a></li>
					<li class="l1"><a href="#">注册</a></li>
					<li>
						<a href="#"> <i class="icon iconfont">&#xe629;</i> (<span id="count">0</span>)</a>
					</li>
				</ul>
				<!--我的李宁-->
				<ul class="person oul">
					<li class="l1"><a href="#">我的李宁</a></li>
					<li><a href="#">会员俱乐部</a></li>
				</ul>
			</div>
			<!-------------------------------------------导航--------------------------------------------------------->
			<div id="nav">
				<ul class="nav1 aa">
					
				</ul>
				<!----------------------------------------下导航的商品列表--------------------------------------------->
				<!---------------------------------商标-->
				<div class="list list-1">

				</div>
				<!--所有分类-->
				<div class="list list-2">
					<!--外包盒子-->
					<div class="ls2">
						<!--上外包盒子-->
						<div class="ls3 lss">
							
						</div>
						<!--中部推荐盒子-->
						<div class="ls2-recommend">
							<!--推荐商品-->
							<div class="recommend">
								<ul class="rec-box">
								
								</ul>
							</div>
						</div>
						<!--下部链接-->
						<div class="ls2-Link">
							<!--创建 装载盒子-->
							<div class="Link">
								
							</div>
						</div>
					</div>
				</div>
				<!-----------------------------------------------------男子-->
				<div class="list list-3">
					<!--外包盒子-->
					<div class="ls3 lsm">
						
					</div>
				</div>
				<!-------------------------------------------------------女子-->
				<div class="list list-3">

					<!--外包盒子-->
					<div class="ls3 lsn">
						
					</div>

				</div>
				<!----------------------------------------------------------系列-->
				<div class="list list-5">

					<!--外包盒子-->
					<div class="ls5">
					
					</div>
				</div>
				<!--------------------------------------------------------------韦德-->
				<div class="list list-3">
					<!--外包盒子-->
					<div class="ls3 lsw">
						
					</div>
				</div>
				<!---------------------------------------------------------------乐途-->
				<div class="list list-3">
					<!--外包盒子-->
					<div class="ls3 lsl">
						<!--分div列-->
						
					</div>
				</div>
				<!---------------------------------------------------------弹簧标     空-->
				<div class="list list-8">

				</div>
				<!-----------------------------------------------------10K报名    空-->
				<div class="list list-9">

				</div>
				<!-----------------------------------------------------------新品         空-->
				<div class="list list-10">

				</div>
				<!----------------------------------------------------------更多品牌-->
				<div class="list list-6">
					<!--外包盒子-->
					<div class="ls6">
					
					</div>
				</div>
				<!-----------------------------------------------搜索-------------------------------------------------->
				<div id="box2">
					<div id="seek">
						<form>
							<input type="text" id="txt1" placeholder="卫衣" value="" />
							<input type="submit" id="bt1" value="" />
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-------------------------------------------正文-------------------------------------------------------------->
		<!--自适应盒子-->
		<div id="box3">
			<!--居中盒子-->
			<div id="center">
				<!--左侧列表-->
				<div class="l-box">
					<!--头部标题-->
					<div class="title">
						<h3>查看所有分类</h3>
					</div>
					 <!--动态生成-->
					 
				</div>
				<!--右侧商品详情-->
				<div class="r-box">
					<!--上部装载的盒子-->
					<div class="list-box">
						<!--所有分类-->
						<div class="allClass">
							<div>
								<span><a href="#">所有分类</a></span><b>></b><span><a href="#">韦德</a></span>
							</div>
						</div>
						<!--产品分类-->
						<div class="cp-class tj">
							<div class="first">
								产品分类
							</div>
							<!--选项 -->
							<div><a href="#">运动鞋</a></div>
							<div><a href="#">运动服</a></div>
							<div><a href="#">运动配件</a></div>
						</div>
						<!--性别-->
						<div class="sex tj">
							<div class="first">
								性别
							</div>
							<!--选项 -->
							<div><a href="#">男</a></div>
							<div><a href="#">女</a></div>
							<div><a href="#">中</a></div>
							<!--更多-->
							<span>+多选</span>
						</div>
						<!--运动项目-->
						<div class=" sport tj">
							<div class="first">
								运动项目
							</div>
							<!--选项 -->
							<div><a href="#">篮球</a></div>
							<div><a href="#">运动生活</a></div>
							<!--更多-->
							<span>+多选</span>
						</div>
						<!------------------------中部商品列表-------------------------------------------->
						<!--控制栏-->
						<div class="list-nav">
							<div class="paixu">
								排序：
							</div>
							
							<div class="xinpin">
								<a href="#">新品<i></i></a> 
							</div>
							
							<div class="rexiao  pick">
								<a href="#">热销<i></i></a> 
							</div>
							
							<div class="pinlun  pick">
								<a href="#">评论<i></i></a> 
							</div>
							
							<div class="jiage  pick">
								<a href="#">价格<i></i></a> 
							</div>
							<div class="from">
								<input type="text" value ="" id="txt1" />
								<span>-</span>
								<input type="text" value="" id="txt2" />
								<div  id="bt1" >确定</div>
							</div>
						</div>
						<!--------------装载商品----------------------------------------------->
						<div class="list-sp">
							<!--在该盒子内部-->
							<!--项-->
							 
						</div>
					</div>
					<!--底部换页栏-->
					<div class="skip">
						<div class="chao-zuo">
						
							
						</span>
							<span>显示1-25个产品（共306个）</span>
							<span><a href="#">首页</a></span>
							<span><a href="#">上一页</a></span>
							<span class="xuanxang"><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">....</a><a href="#">9</a><a href="#">10</a></span>
							<span><a href="#">下一页</a></span>
							<span><a href="#">末页</a></span>
							<span><a href="#">共10页</a></span>
						</div>
					</div>
				</div>
			</div>
			<!-----------------------------------底部样式------------------------------------------------------>
				<!-------------------------------------底部------------------------------------------------------------------------------>
				<div id="foont">
					<!--上部服务-->	
					<div class="fuwu">
						<!--内容盒-->
						<div class="fw-box">
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/1.jpg" />
							</div>
							<div class="fw-js">
								<h4>获取帮助</h4>
								<p><span class="l-span">联系我们</span><span class="r-span">加入我们</span></p>
							</div>
							<!--防伪查询-->
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/2.jpg" />
							</div>
							<div class="fw-js">
								<h4>防伪查询</h4>
								<p><a href="#">输入查询码</a></p>
							</div>
							<!--售后服务-->
							
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/3.jpg" />
							</div>
							<div class="fw-js">
								<h4>售后服务</h4>
								<p>使用说明</p>
							</div>
							<!--团购服务-->
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/4.jpg" />
							</div>
							<div class="fw-js">
								<h4>团购服务</h4>
								<p>VIP客户</p>
							</div>
						</div>
					</div>
					<!--分割线-->
					<div class="fenge"></div>
					<!--温馨提示-->
					<div class="tishi">
						<p>温馨提示：近日有不法分子假冒+4006100011冒充李宁官方客服人员进行电话诈骗，请您提高警惕，注意保护个人账户信息，切勿泄漏他人。如遇类似问题， 请勿回拨来电号码，直接拨打李宁客服电话400-610-0011询问。</p>
					</div>
					<!--版权-->
					<div class="banquan">
						<p>沪ICP备14035278号-2 上海李宁电子商务有限公司版权所有 ©1990-2016</p>
						
					</div>
					<!--关于李宁-->
					<div class="guanyu">
						<ul>
							<li><a href="#">关于李宁</a></li>
							<li><a href="#">法律声明</a></li>
							<li><a href="#">投资者关系 Investor Relations</a></li>
							<li><a href="#">特许经营</a></li>
							<li><a href="#">合作伙伴</a></li>
							<li class="guanyu-li"><a href="#">客服热线</a></li>
						</ul>
					</div>
					<!--图标-->
					<div class="tubiao">
						<img src="../img/index-img/fonnt-img/6.jpg" />
					</div>
				</div>
		
		</div>
			
			
			
		<!--获取js文件-->
		<script src="../js/commodity-list.js"></script>
	</body>
</html>
